<template>
  <div>
    <el-form class="viewForm" label-width="120px">
      <el-col :span="22">
        <el-form-item label="商户">
          <div v-html="viewModel.name"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="Logo">
          <div v-html="viewModel.logo"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="简称">
          <div v-html="viewModel.nameSimple"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="联系电话">
          <div v-html="viewModel.phone"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="地址">
          <div v-html="viewModel.address"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="用户群体限制">
          <div v-html="viewModel.permissionType"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="客服电话">
          <div v-html="viewModel.tel"></div>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>

<script>
import common from "@/mixins/common.js";

export default {
  name: "shop_view",
  mixins: [common],
  data() {
    return {
      viewModel: {},
      activeIndex: "1"
    }
  },
  async mounted() {
    let id = this.$route.query.id;
    let data = {};
    data.id = id;
    let res = await this.$http.form("/shop/view", data);
    if (res.code === 200) {
      this.viewModel = res.data;
    }
  }
}
</script>

<style scoped>

</style>
